<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="stylesheet" href="http://defencedog.googlecode.com/svn/cssswitch/yellow.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {	

//CSS Switcher
$('a[name=red]').click(function() {

    $('head link[rel=stylesheet]').remove();
    $('head').append('<link href="http://defencedog.googlecode.com/svn/cssswitch/red.css" rel="stylesheet" type="text/css" />');
  //  window.location.reload();
});

$('a[name=blue]').click(function() {

    $('head link[rel=stylesheet]').remove();
    $('head').append('<link href="http://defencedog.googlecode.com/svn/cssswitch/blue.css" rel="stylesheet" type="text/css" />');
  //  window.location.reload();
});

$('a[name=default]').click(function() {
    $('head link[rel=stylesheet]').remove();
    $('head').append('<link href="http://defencedog.googlecode.com/svn/cssswitch/yellow.css " rel="stylesheet" type="text/css" />');
  //  window.location.reload();
});
});
</script>

</head>
<body>
<ol>           
  <li><a name="red" href="#" >Apply Stylesheet 1</a></li>           
    <li><a name="blue" href="#" >Apply Stylesheet 2</a></li>       
<li><a name="default" href="#" >Default</a></li>        

</ol>

  source: http://rickardnilsson.net/post/2011/05/19/jquery-plugin-for-switching-stylesheets.aspx  
</body>

</html>